<!--
  作者：黄俊文，//修改用于成果库
  时间：2019-6-27，
  版本：1.2  成果库页脚使用，更换了图标和页脚大小，
  使用：<zcFooter></zcFooter>
  参数：无,
  描述：项目固定页脚
-->

<template>
  <div class="wrapper">
    <div class="minWidth">
      <div :class="'ywFooter'" >
        <div :class="'container'" :style="{'min-width':'1200px!important','max-width':'2240px!important'}">
          <div :class="'row'">
            <div :class="['col-md-2','footer_div']" >
              <p>帮助</p>
              <div :class="['col-md-12']">
                <a v-for="(item, index) in helps" :class="'navbar-brand'" to="" :key="index" @click="doMessageHelp(item)" v-text="item.Name"></a>
              </div>
            </div>
            <div :class="['col-md-4','footer_div']">
              <p>友情链接</p>
              <div :class="['col-md-12']">
                <a v-for="(item, index) in links" :class="'navbar-brand'" :key="index" @click="doLinkClick(item)" v-text="item.name"></a>
              </div>
            </div>
            <div :class="['col-md-3','footer_div']">
              <p>联系我们</p>
              <div :class="['col-md-12']">
                <a :class="['navbar-brand','d-flex','align-items-center']" :style="{'curssr':'default'}">
                  <!--<img src="../../../static/img/foot/shouji201975.png" alt="">-->
                  <img :src="zcDomain +'static/img/foot/tel201975.png'" />
                  <span>028-85774982</span>
                </a>
                <a :class="['navbar-brand','d-flex','align-items-center']" :style="{'curssr':'default'}">
                  <img :src="zcDomain +'static/img/foot/youxiang201975.png'" />
                  <span>scjks@scjks.net</span>
                </a>
                <a :class="['navbar-brand','d-flex','align-items-center']" @click="doTencentMap()">
                  <img :src="zcDomain +'static/img/foot/dizhi201975.png'" />
                  <span>成都市双流航空港黄荆路11号</span>
                </a>
              </div>
            </div>
            <div :class="['col-md-3','footer_div']">
              <p>扫码关注：</p>
              <div :class="'col-md-7'">
                <img :class="'img-fluid'" :src="zcDomain +'static/RSImg/erwm.jpg'" />
              </div>
            </div>
          </div>

          <div :class="['row','footer_div1']" :style="{'position':'relative'}">
            <div :class="['d-flex','align-items-center']">技术支持：<a @click="doZcOfficialWebsite()">成都众畅软件开发有限责任公司</a></div>
            <div :class="['d-flex','align-items-center','pl-30']"><img :src="zcDomain +'static/img/foot/dizhi201975.png'"/><a @click="doZcAddress()">四川省成都市武侯区太平园东三街16号5栋2单元404</a></div>
            <div :class="['d-flex','align-items-center','pl-30']">
              <img :src="zcDomain +'static/img/foot/tel201975.png'" />
              <span>028-85001158</span>
            </div>
            <div :class="['d-flex','align-items-center','pl-30']">
              <img @click="doHomeMes()" style="cursor: pointer;" :src="zcDomain +'static/img/foot/qq201975.png'" />
              <span @click="doHomeMes()" style="cursor: pointer;">QQ在线支持群</span>
            </div>
            <div :class="['d-flex','align-items-center','pl-30']" :style="{'cursor':'pointer'}" @click="doErweimaShow()">
              <img :src="zcDomain +'static/img/foot/shouji201975.png'" />
              <span>手机提问</span>
            </div>
            <img :class="isErweimaShow?'none':''" :style="{'position':'absolute','right':'-34px','bottom':'46px','box-shadow':'0rem 0.05rem 0.2rem rgba(0,0,0,.5)'}" :src="zcDomain +'static/RSImg/zcQQGroupChat.png'" />
          </div>
          <div v-html="HomeMesPageFoot" class="none"></div>
        </div>
      </div>
    </div>
  </div>

</template>

<script>
	export default({
		name:'zcFooter',
		data() {
			return {
				zcDomain:this.$ZcPublic.Domain,
				isErweimaShow:true,
				HomeMesPageFoot:'', //点击 QQ在线支持群 渲染
				address:'https://map.qq.com/?type=marker&isopeninfowin=1&markertype=1&pointx=104.021807&pointy=30.572168&name=%E6%88%90%E9%83%BD%E5%B8%82%E5%8F%8C%E6%B5%81%E8%88%AA%E7%A9%BA%E6%B8%AF%E9%BB%84%E8%8D%86%E8%B7%AF11%E5%8F%B7&addr=%E6%88%90%E9%83%BD%E5%B8%82%E5%8F%8C%E6%B5%81%E8%88%AA%E7%A9%BA%E6%B8%AF%E9%BB%84%E8%8D%86%E8%B7%AF11%E5%8F%B7&ref=myKey',
				zcOfficialWebsite:'http://qy.ezcsoft.com/',
				zcAddress:'https://map.qq.com/?type=marker&isopeninfowin=1&markertype=1&pointx=104.015007&pointy=30.631994&name=成都众畅软件开发有限责任公司&ref=myKey',
				helps:[
					{
						Name:'省级操作手册',
						type:'资源',
						SN:''
					},
					{
						Name:'市州区县学校管理手册',
						type:'资源',
						SN:''
					},
					{
						Name:'教师操作手册',
						type:'资源',
						SN:''
					},
					{
						Name:'专家评审手册',
						type:'资源',
						SN:''
					},
				],
				links:[
					{
						href:'http://www.moe.edu.cn/s78/A11/',
						name:'国务院教育督导委员会办公室'
					},
					{
						href:'http://scjydd.scedu.net/',
						name:'四川省人民政府教育督导委办公室'
					},
					{
						href:'http://www.scjyjc.com.cn/',
						name:'教育部基础教育质量监测中心'
					},
					{
						href:'http://www.bjesr.cn/',
						name:'北京市教育督导与教育质量评估研究中心'
					},
					{
						href:'http://www.seei.edu.sh.cn/',
						name:'上海市教育评估院'
					},
					{
						href:'http://www.zjpg.net/',
						name:'浙江省教育评估院'
					},
				]
			}
		},
    created(){


    },
		methods: {
			doMessageHelp(item) {
				try{

					let message = item.Name.slice(0,-2)+'帮助('+item.type+')'
					console.log('帮助',message)

					let _this = this;
					_this.$ZcPublic.Server.Post({
						IsNeedLogin:'false',
						Paras: {
							Name: 'Vue_CustomerResource',
							Action: 'Ext_MessageCategory',
							UserId:_this.$ZcPublic.UserId,
							Data: {
								MessageCategory: message
							}
						},
						Callback: _this.cb_ResourceStoreClickNumber,
						Scope: _this
					})

				}catch(e){
					//TODO handle the exception
					//alert(e)
				}
			},
			doLinkClick(item) {//友情链接跳转处理
				console.log(item)
				window.open(item.href);
			},
			doTencentMap(){//腾讯地图地址跳转处理
				window.open(this.address)
			},
			doZcOfficialWebsite(){//开发公司官网跳转处理
				window.open(this.zcOfficialWebsite)
			},
			doZcAddress(){
				window.open(this.zcAddress)
			},
			doHomeMes(){ //QQ 在线支持群 事件
				let _this = this;
				let addDiv = '<iframe id= "iFrameHomePage" class="none" src= "//shang.qq.com/wpa/qunwpa?idkey=27d6c866792dae3a124f5adb80ca2451b821f550a12a1ac42d01bb50488e40a0"></iframe>';
				_this.HomeMesPageFoot = addDiv;
				window.setTimeout(function(){
					_this.HomeMesPageFoot = '';
				}, 1000);
			},
			doErweimaShow(){
				this.isErweimaShow = !this.isErweimaShow;
			},
			cb_ResourceStoreClickNumber(resJson,scope) {
				try{
					console.log('帮助SN',resJson)
					let url = this.$ZcPublic.Server.ServerUrl+'VueResourceNewManagement/MessageDetails.html?SN='+resJson.data+'&zy=true&vue=true&ver=null'
					console.log('帮助SN = ',url)
					window.open(url,"_self")
				}catch(e){
					//TODO handle the exception
					//alert(e)
				}
			}
		},

		components:{

		}
	})
</script>

<style scoped="scoped">
	html, body, div, span, applet, object, iframe, a, h1, h2, h3, h4, h5, h6, p, dd, dl, dt, li, ol, ul,
	input, select, button, textarea {
		font-size: 14px!important;
	}
  *{
    color: white;
  }
	p{
		margin:0;
	}
	.footer_div>p {
		font-size: .8rem;
		text-align: start;
	}
	.footer_div>div {
		padding: 0;
	}
	.footer_div>div>a{
		display:inherit;
		color:white;
		/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;*/
		font-weight:600;
		padding-bottom:0;
		padding-top:.2rem;
		text-align: start;
		cursor: pointer;
		height: 26px;
		line-height: 26px;
	}
	.navbar-brand>img{
		margin:2px 8px 2px 0;
		width: 20px;
    color: white;
	}
	.footer_div1 {
		border-top: 1px solid #d5d5d5;
		border-bottom: 1px solid #d5d5d5;
		margin: 20px 0;
		padding: 5px 0;
		/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;*/
		font-weight: 600;
	}
	.footer_div1 img{
		margin-right:10px;
	}
	.footer_div1 a{
		color: white;
	}
	.footer_div1 a:hover{
		color: #0056b3;
		text-decoration: underline;
	}
	.pl-30{padding-left:30px;}
	.none{display:none!important;}
	.ywFooter{padding: 30px 0 5px;color: white}

  .container{
    padding: 0!important;
  }
  .wrapper{
    background: url("../../assets/Home/dibu.png") center no-repeat;
    background-size: 100% 100%;
  }
</style>
